<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title></title>
        <script>
			/* 普通函数 */
			function checkInp() {
				//获取输入框中的内容(值)
				//获取输入框标签对象
				let inpObj = document.getElementById("inp");
				// 获取value属性的值 标签对象.属性名
				let val = inpObj.value;
				alert(val);
				// 校验用户输入的值 正则
				/*
				TODO:正则
					语法格式:
						let zz = new RegExp("匹配规则");
						let zz = /匹配规则/;
					方法:
						let boolean = zz.test(被校验的字符串);
						如果被校验的字符串符合规则返回true,否则返回false
					关键字符:
						匹配规则:
							g: 默认值,区分大小写
							i: 不区分大小写
						关键字:
							^ : 必须以什么开头
							$ : 必须以什么结尾
							[] : 可选项
							{} : 可选次数
							{1} : 选取1位
							{1,} : 选取1位以上
							{1,3} : 选取1到3位

				*/
				//let zz = new RegExp("tom","i"); // 被校验的字符串中必须包含 tom
				//let zz = /tom/i; // 被校验的字符串中必须包含 tom
				//let zz = /^tom/i; // 被校验的字符串中必须以tom开头
				//let zz = /tom$/i; // 被校验的字符串中必须以tom结尾
				//let zz = /^tom$/i; // 被校验的字符串中只能是tom
				//let zz = /^t[a-z]{2,3}$/i; //
				//let zz = /^[a-z][a-zA-Z0-9]{3,5}$/; //
				// 需求: 匹配手机号
				//   以 13 16 18 开头,以2 4 6 8 0 结尾
				/*let zz = /^1[368]{1}[0-9]{8}[24680]{1}$/;
				alert(zz.test(val));*/
            }
		</script>
	</head>
	<body>
		<input type="text" id="inp" value="tom" /><br />
		<input type="button" value="校验输入的值" onclick="checkInp()"/>
	</body>
</html>
